<template>
  <div class="Crumbs">
    <div class="top">
      <span class="span1" @click="getshouye">首页</span>&nbsp;
      <span class="span2">/</span>&nbsp;
      <span class="span3">{{name}}</span>
      <p style="font-size:20px;font-weight: 700;">{{name}}</p>
    </div>
  </div>
</template>

<script>
import Bus from '@/components/eventBus.js'
export default {
  name: 'Crumbs',
  data() {
    return {
      name: ''
    }
  },
  created() {
    Bus.$on('name', e => {
      this.name = e
    })
  },
  methods: {
    getshouye() {
      this.$router.push('/home')
    }
  }
}
</script>

<style lang="less" scoped>
.top {
  margin-top: 0px;
  background-color: #fff;
  font-size: 15px;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 1px;
  .span1 {
    opacity: 0.5;
  }
  .span1:hover {
    cursor: pointer;
    color: rgb(41, 118, 218);
  }
  .span2 {
  }
  .span3 {
  }
}
</style>